<%-- 
    Document   : index
    Created on : Feb 24, 2012, 2:21:40 PM
    Author     : sunchak
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="init.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <script>
            $(document).ready(function(){
                loadCategories();
            });
        </script>
    </head>
    <body>
        <div class="ms_container">
            <div class="top_header">
                <div id="logo"><img src="img/logo.png" height="50" window.location.href='index.jsp'/></div>
                <div id="links"><a href="#" onclick="showLogin();"> Login</a> | Register</div>
                <div id="loginScreen">Login Page</div>
            </div>
            <div id="banner-advertisement">
                <div class="wrapper">
                    <div class="content">

                    </div>
                </div>
            </div>
            <div class="searchbar">
                <div>
                    <input type="text" name="city" value="City Ex. Hyderabad" onclick="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onblur="this.value = ( this.value == '' ) ? 'City Ex. Hyderabad' : this.value;return true;"/>
                    <input type="text" name="search_string" class="long-text-bar" value="Enter search string" onclick="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onblur="this.value = ( this.value == '' ) ? 'Enter search string' : this.value;return true;"/>
                    <input type="text" name="area" value="Area Ex. Manikonda" onclick="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onblur="this.value = ( this.value == '' ) ? 'Area Ex. Manikonda' : this.value;return true;"/>
                    <input type="button" value="Search" class="g-button g-button-submit long-button"/>
                </div>
            </div>

            <div class="center-div">

                <div id="category-menu-holder">
                    <div class="header">Select a category to continue your search!</div>
                    <div class="content"></div>

                </div>
                <div id="adv-holder">
                    <div id="videoAd">
                        <video width="320" height="200" controls="controls">
                            <source src="http://www.w3schools.com/html/movie.ogg" type="video/ogg" />
                            <source src="http://www.w3schools.com/html/movie.mp4" type="video/mp4" />
                              <source src="http://www.w3schools.com/html/movie.webm" type="video/webm" />
                            <object width="320" height="200" src="http://www.w3schools.com/html/movie.mp4">
                                <embed width="320" height="240" src="http://www.w3schools.com/html/movie.swf">
                                    Your browser does not support video
                                </embed>
                            </object>
                        </video>
                    </div>
                </div>
            </div>

        </div>
        <!--Footer Start -->
        <div class="footer">
            <div id="content">
                <div id="left"></div>
                <div id="middle"></div>
                <div id="right"></div>
            </div>

        </div>
        <!--Footer End -->

    </body>
</html>
